
@CHARSET "UTF-8";
html{-webkit-text-size-adjust:none}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
body{background-color:#000;font-size:20px;line-height:1;color:#5e5858;font-family:Helvetica,AppleGothic}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
img,fieldset{border:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}

.ButtonA{
padding:9px 14px;
border:1px solid #a6a6a6;
-webkit-border-radius:4px;
background-color:#7c7c7c;
font-size:20px;
color:#fff;
border-right:0;
border-bottom:0;
text-shadow:-1px -1px 0 rgba(0,0,0,0.5);
}
.ButtonAActive{
padding:9px 14px;
border:0;
-webkit-border-radius:4px;
background-color:#ffb017;
font-size:20px;
color:#000;
border-right:0;
border-bottom:0;
text-shadow:-1px -1px 0 rgba(0,0,0,0.5);
}
.ButtonB{
padding:7px 12px;
-webkit-border-radius:5px;
border:1px solid #2c2c2c;
border-top:1px solid #a7a7a7;
border-left:1px solid #7c7c7c;
border-right:1px solid #7c7c7c;
background-color:#7c7c7c;
font-size:20px;
color:#fff;
text-shadow:rgba(76,76,76,0.5) -1px -1px 0;
-webkit-box-shadow:rgba(84,84,84, 0.5) 0px 1px 1px 1px;
text-align:center;
}
.ButtonBActive{
padding:7px 12px;
-webkit-border-radius:5px;
border:1px solid #ffcc68;
border-top:1px solid #ffcc68;
background-color:#ffb017;
font-size:20px;
color:#000;
text-shadow:rgba(76,76,76,0.5) -1px -1px 0;
-webkit-box-shadow:rgba(84,84,84, 0.5) 0px 1px 1px 1px;
text-align:center;
}
#content{min-width:480px;}
.TabBar{width:100%;height:90px;border-bottom:3px solid #9c061c;}
.TabBar .Toggle{position:relative;float:left;width:25%;color:#7b7b7b;text-align:center;}
.TabBar .ToggleActive{position:relative;float:left;width:25%;color:#fff;text-align:center;}
.TabBar #tabImg1{width:50px;height:37px;margin:0 auto;background:transparent url("../image/mail/nav1_on.png") no-repeat 0 0;opacity:0.5;}
.TabBar #tabImg2{width:50px;height:37px;margin:0 auto;background:transparent url("../image/mail/nav1_on.png") no-repeat -50px 0;opacity:0.5;}
.TabBar #tabImg3{width:50px;height:37px;margin:0 auto;background:transparent url("../image/mail/nav1_on.png") no-repeat -100px 0;opacity:0.5;}
.TabBar #tabImg4{width:50px;height:37px;margin:0 auto;background:transparent url("../image/mail/nav1_on.png") no-repeat -150px 0;opacity:0.5;}
.TabBar .ToggleActive #tabImg1{opacity:1;background-color:#9c061c;}
.TabBar .ToggleActive #tabImg2{opacity:1;background-color:#9c061c;}
.TabBar .ToggleActive #tabImg3{opacity:1;background-color:#9c061c;}
.TabBar .ToggleActive #tabImg4{opacity:1;background-color:#9c061c;}
.TabBar .Toggle .Label{font-size:0.9em;}
.TabBar .ToggleActive .Label{text-shadow:-1px -1px 0 rgba(111,4,20,0.5);font-size:0.9em;}
.TabBar .tabPanel{height:69px;padding-top:20px;border-top:1px solid #303030;border-left:1px solid #3c3c3c;border-right:1px solid #000;background-color:#3a0009;background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #242424), color-stop(0.5, #1a1a1a), color-stop(1, #0f0f0f));}
.TabBar .ToggleActive .tabPanel{border-top:1px solid #a61f33;background-color:#9c061c;background-image:none;}
.TabBar #tabPanel1{border-left:0;}
.TabBar #tabPanel4{border-right:0;}
#widgetBtn{position:absolute;width:26px;height:26px;top:0;left:0;padding:13px 17px;background:url("../image/mail/btn_widget.png") no-repeat left top;-webkit-background-origin:content-box;}

.scroll_w ul{background-color:#000;}
.scroll_w ul li{position:relative;padding:0 28px 0 45px;height:89px;border-bottom:1px solid #2a2a2a;}
.scroll_w ul li .UpperRow{padding-top:12px;}
.scroll_w ul li.ListRowChecked{background-color:#191919}
.scroll_w ul li.ListRowActive{background-color:#ffb017}
.scroll_w ul li.ListRowActive *{color:#000 !important}
.scroll_w ul li.first-child{border-bottom:0;}
.scroll_w ul li .Subject{display:block;width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#cecece;font-size:1.4em;line-height:120%;}
.scroll_w ul li .UpperRow div{color:#cecece;}
.scroll_w ul li .LowerRow{position:relative;margin-top:8px;}
.scroll_w ul li .UserName{width:285px;color:#717171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.1em;line-height:120%;}
.scroll_w ul li .CreatedDate{position:absolute;top:0px;right:0;color:#b26c53;font-size:1.1em;line-height:120%;}
.scroll_w ul li .CheckBox{display:none;position:absolute;top:26px;right:12px;width:36px;height:36px;background:url("../image/mail/icon.png") no-repeat -143px -124px;}
.scroll_w ul li .CheckBoxActive{position:absolute;top:26px;right:12px;width:36px;height:36px;background:url("../image/mail/icon.png") no-repeat -107px -124px;}
.scroll_w ul.ListChecked li .CheckBox{display:block;}
.scroll_w ul.ListChecked{margin-left:-8px;}
.scroll_w ul.ListChecked .Attachment{right:52px;}
.scroll_w ul.ListChecked li .CreatedDate{right:28px;}
.scroll_w ul.ListChecked li .Subject{width:90%;}
.scroll_w ul li.ListRowChecked{background-color:#191919}

.listStatus{font-size:0;line-height:0;position:absolute;top:14px;left:18px;width:23px;height:25px;background:url("../image/mail/icon.png") no-repeat 0 -42px;}
.listStatus *{display:none;font-size:inherit;line-height:inherit;}
.listStatusActive{font-size:0;line-height:0;position:absolute;top:14px;left:18px;width:23px;height:25px;background:url("../image/mail/icon.png") no-repeat -23px -42px;}
.listStatusActive *{display:none;font-size:inherit;line-height:inherit;}
.Attachment{font-size:0;line-height:0;position:absolute;top:15px;right:25px;width:28px;height:25px;background:url("../image/mail/icon.png") no-repeat 0 -80px;}
.Attachment *{display:none;font-size:inherit;line-height:inherit;}

#tempMailBox_tab .Attachment{display:none;}
/* white skin */
.themePanel_w .scroll_w ul{background-color:#ededed;}
.themePanel_w .scroll_w ul li .Subject{color:#2f2f2f;}
.themePanel_w .scroll_w ul li{border-bottom:1px solid #b0b0b0;}
.themePanel_w .scroll_w ul li .UserName{color:#857c7c;}
.themePanel_w .scroll_w ul li .CreatedDate{color:#cc633e;}
.themePanel_w .scroll_w ul li.ListRowChecked{background-color:#c8c8c8}
	
ul#list2 .listStatus{display:none;}
ul#list3 .listStatus{display:none;}
ul#list4 .listStatus{display:none;}

ul#list2 .listStatusActive{display:none;}
ul#list3 .listStatusActive{display:none;}
ul#list4 .listStatusActive{display:none;}

ul#list2 li{padding:0 28px 0 21px;}
ul#list3 li{padding:0 28px 0 21px;}
ul#list4 li{padding:0 28px 0 21px;}

#widgetPanel{display:none;position:absolute;z-index:10;top:0;left:0;width:480px;height:212px;}
#thememSelPanel{position:relative;height:60px;border-bottom:1px solid #000;background:url("../image/mail/bg_iwpt.png") repeat-x 0 0;}
#thememSelPanelIn{position:absolute;top:10px;left:50%;width:122px;height:40px;margin-left:-61px;background:url("../image/mail/theme.png") no-repeat 0 0;}
#widgetIconPanel .Image{float:left;width:96px;height:130px;}
#widgetIconPanel .ImageFocus{float:left;width:96px;height:130px;}
#widgetIconPanel .ImageActive{float:left;width:96px;height:130px;}
#widgetIconPanel #mailImg{background:url("../image/mail/widget.png") no-repeat 0 0;}
#widgetIconPanel #contactImg{background:url("../image/mail/widget.png") no-repeat -96px 0;}
#widgetIconPanel #wtImg{background:url("../image/mail/widget.png") no-repeat -192px 0;}
#widgetIconPanel #scheduleImg{background:url("../image/mail/widget.png") no-repeat -288px 0;}
#widgetIconPanel #boardImg{background:url("../image/mail/widget.png") no-repeat -384px 0;}

#widgetIconPanel #mailImg.ImageFocus{background:url("../image/mail/widget.png") no-repeat 0 -130px;}
#widgetIconPanel #contactImg.ImageFocus{background:url("../image/mail/widget.png") no-repeat -96px -130px;}
#widgetIconPanel #wtImg.ImageFocus{background:url("../image/mail/widget.png") no-repeat -192px -130px;}
#widgetIconPanel #scheduleImg.ImageFocus{background:url("../image/mail/widget.png") no-repeat -288px -130px;}
#widgetIconPanel #boardImg.ImageFocus{background:url("../image/mail/widget.png") no-repeat -384px -130px;}

#widgetIconPanel #mailImg.ImageActive{background:url("../image/mail/widget.png") no-repeat 0 -260px;}
#widgetIconPanel #contactImg.ImageActive{background:url("../image/mail/widget.png") no-repeat -96px -260px;}
#widgetIconPanel #wtImg.ImageActive{background:url("../image/mail/widget.png") no-repeat -192px -260px;}
#widgetIconPanel #scheduleImg.ImageActive{background:url("../image/mail/widget.png") no-repeat -288px -260px;}
#widgetIconPanel #boardImg.ImageActive{background:url("../image/mail/widget.png") no-repeat -384px -260px;}

#widgetClose{clear:both;height:21px;background:url("../image/mail/open.png") no-repeat 0 0;}

#slideImg{
position:absolute;
top:2px;
width:29px;
height:27px;
background:url("../image/mail/ball.png") no-repeat;
-webkit-transition:left .15s;
}
#slideImg.Image{
left:28px;
}
#slideImg.ImageW{
left:64px;
}
